<mat-card>
    <mat-card-header>
        <div mat-card-avatar class="file_logo-image"></div>
        <mat-card-title>查找文件</mat-card-title>
        <mat-card-subtitle>模糊查找，搜索文件内容以及文件名等扩展信息，精确查找只搜索文件字号、关键字以及发布时间等扩展信息</mat-card-subtitle>
    </mat-card-header>
    <mat-card-content class="my_card">
        <mat-tab-group>
            <mat-tab label="模糊查找">
                <table class="example-full-width" cellspacing="0">
                    <tr>
                        <td>
                            <mat-form-field class="example-full-width">
                                <mat-label>输入模糊查找内容</mat-label>
                                <input matInput [(ngModel)]="searchTxt" (keyup.enter)="searhFileFromTxt()">
                            </mat-form-field>
                        </td>
                        <td>

                        </td>
                        <td align="left">
                            <button mat-button (click)="searhFileFromTxt()">确定</button>
                        </td>
                    </tr>
                </table>
            </mat-tab>
            <mat-tab label="精确查找">
                <mat-form-field class="example-full-width">
                    <mat-label>审计依据名称</mat-label>
                    <input matInput [(ngModel)]="fileName">
                </mat-form-field>
                <table class="example-full-width" cellspacing="0">
                    <tr>
                        <td>
                            <mat-form-field class="example-full-width">
                                <mat-label>文号</mat-label>
                                <input matInput [(ngModel)]="fileNo">
                            </mat-form-field>
                        </td>
                        <td>
                            <mat-form-field class="example-full-width">
                                <mat-label>发布时间</mat-label>
                                <input matInput [matDatepicker]="picker" [formControl]="fileDate">
                                <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
                                <mat-datepicker #picker disabled="false"></mat-datepicker>
                            </mat-form-field>
                        </td>
                    </tr>
                </table>
                <p>
                    <mat-form-field class="example-full-width">
                        <mat-label>关键字</mat-label>
                        <textarea matInput [(ngModel)]="fileKeyword"></textarea>
                    </mat-form-field>

                </p>

                <table class="example-full-width" cellspacing="0">
                    <tr>
                        <td>
                            <mat-form-field class="example-full-width">
                                <mat-label>业务类型</mat-label>
                                <input matInput [(ngModel)]="fileYwlx">
                            </mat-form-field>
                        </td>
                        <td>
                            <mat-form-field class="example-full-width">
                                <mat-label>审计依据所属机构</mat-label>
                                <input matInput [(ngModel)]="fileJg">
                            </mat-form-field>
                        </td>
                        <td align="left">
                            <button mat-button (click)="searhFileFromExtinfo()">确定</button>
                        </td>
                    </tr>
                </table>
            </mat-tab>
        </mat-tab-group>
        <mat-list *ngIf="links.length>0">
            <div mat-subheader>搜到的文件列表</div>
            <mat-list-item *ngFor="let link of links" (click)="onRowClicked(link)" style="cursor: pointer">
                <mat-icon mat-list-icon>picture_as_pdf</mat-icon>
                <div mat-line>{{link.name}}</div>
                <!-- <div mat-line> {{link.extinfo.fileDate | date}} {{link.extinfo.fileNo}}</div> -->
            </mat-list-item>
            <mat-divider></mat-divider>
        </mat-list>
    </mat-card-content>
</mat-card>